<template>
  <view class="total">
    <view style="background-color: #fff; padding-left: 34rpx">
      <u-form :model="projectForm" ref="accountForm">
        <u-form-item
          label="授权房数"
          prop="AccountName"
          labelWidth="242rpx"
          borderBottom
        >
          <u-input
            v-model="projectForm.RoomCount"
            disabled
            disabledColor="#ffffff"
          ></u-input>
        </u-form-item>
        <u-form-item
          label="客服专员"
          prop="Account"
          labelWidth="242rpx"
          borderBottom
        >
          <u-input v-model="vmodel" disabled disabledColor="#ffffff"></u-input>
        </u-form-item>
        <u-form-item
          label="创建日期"
          prop="HotelName"
          labelWidth="242rpx"
          borderBottom
        >
          <u-input
            v-model="projectForm.SetUpDate"
            disabled
            disabledColor="#ffffff"
          ></u-input>
        </u-form-item>
        <u-form-item label="到期时间" prop="ExpirationTime" labelWidth="242rpx">
          <u-input
            v-model="projectForm.ExpiredDate"
            disabled
            disabledColor="#ffffff"
          ></u-input>
        </u-form-item>
      </u-form>
    </view>
  </view>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
import { onShow } from '@dcloudio/uni-app'
import { GetRegInfo, INF_user_GetRegInfo_res } from '@/api/server/v1/user'

const projectForm = ref<INF_user_GetRegInfo_res>({
  RoomCount: 0,
  SetUpDate: '',
  ExpiredDate: ''
})
const vmodel = ref('')
onShow(() => {
  GetRegInfo().then((res) => {
    projectForm.value = res as INF_user_GetRegInfo_res
  })
})
</script>

<style lang="scss" scoped>
.total {
  background-color: #f2f3f6;
  font-family: SourceHanSansCN-Medium-, SourceHanSansCN-Medium;
  padding-top: 24rpx;
}
</style>
